<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="assets/css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
    <link rel="stylesheet" href="assets/css/search.css">
</head>
<body>
<div class="cityContainer">
	<div class="cityRow textCenter mt0 fs16 color333">
		当前城市：成都
	</div>
	<!--热门城市-->
	<div class="cityRow">
		<p class="borderBd9d color888 cityTitle">热门城市：成都</p>
		<ul class="cityHotTag">
			<li><a href="">北京</a></li>
			<li><a href="">上海</a></li>
			<li class="mr0"><a href="">广州</a></li>
			<li><a href="">深圳</a></li>
			<li><a href="">成都</a></li>
			<li class="mr0"><a href="">重庆</a></li>
			<li><a href="">杭州</a></li>
			<li><a href="">武汉</a></li>
			<li class="mr0"><a href="">天津</a></li>
		</ul>
	</div>
	<!--城市列表-->
	<div class="cityRow" id="A">
			<p class="borderBd9d color888 cityTitle">A</p>
			<ul class="cityListTag">
				<li><a href="">鞍山市</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
			</ul>
		</div>
		<div class="cityRow" id="B">
			<p class="borderBd9d color888 cityTitle">B</p>
			<ul class="cityListTag">
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
			</ul>
		</div>
		<div class="cityRow" id="C">
			<p class="borderBd9d color888 cityTitle">C</p>
			<ul class="cityListTag">
				<li><a href="">成都</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
			</ul>
		</div>
		<div class="cityRow" id="D">
			<p class="borderBd9d color888 cityTitle">D</p>
			<ul class="cityListTag">
				<li><a href="">大连</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
			</ul>
		</div>
		<div class="cityRow" id="E">
			<p class="borderBd9d color888 cityTitle">E</p>
			<ul class="cityListTag">
				<li><a href="">鹅毛</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
				<li><a href="">北京</a></li>
				<li><a href="">上海</a></li>
			</ul>
		</div>
</div>
<ul class="letter_ul">
	<li><i class="letter_star"></i></li>
	<li data="A">A</li>
	<li data="B">B</li>
	<li data="C">C</li>
	<li data="D">D</li>
	<li data="E">E</li>
	<li data="F">F</li>
	<li data="G">G</li>
	<li data="H">H</li>
	<li data="I">I</li>
	<li data="J">J</li>
	<li data="K">K</li>
	<li data="L">L</li>
	<li data="M">M</li>
	<li data="N">N</li>
	<li data="O">O</li>
	<li data="P">P</li>
	<li data="Q">Q</li>
	<li data="R">R</li>
	<li data="S">S</li>
	<li data="T">T</li>
	<li data="U">U</li>
	<li data="V">V</li>
	<li data="W">W</li>
	<li data="X">X</li>
	<li data="Y">Y</li>
	<li data="Z">Z</li>
</ul>
  
</body>
<script>
  window.onload=touchFun;
  function touchFun(argument) {
  	document.addEventListener("touchmove", _touch, false);
  }
  function _touch(event){
  	var touch = event.touches[0];
  	//alert("x:"+Number(touch.clientX)+",y:"+Number(touch.clientY));
  	var element = document.elementFromPoint(Number(touch.clientX), Number(touch.clientY));
  	//alert(JSON.stringify(element));
  	//var element=touch.target;
  	var datastr=element.getAttribute("data");
  	console.log(datastr);
	if(datastr!=null && datastr!="null" && datastr.match(/^([A-Z])+$/)){
		console.log("#"+datastr);
		window.location.href="#"+datastr;
	}
}
</script>
</html>